{include file="public/header"}
<title>会员</title>
      <style>
          body{
            width:100%;
            height:100%;
            margin:0;
            padding:0;
            background-color: #F7F7F7;
          }
          /*头部*/
          .top{
            height: 60px;
            width: 100%;
            background:rgba(22,26,39,1);
          }
          .top_box{
            width: 1200px;
            height: 100%;
            margin: 0 auto;
            align-items: center;

          }
          .top_name_left{
            width:38px;
            height:38px;
            background:rgba(52,99,230,1);
            border-radius:10px;
            margin-right: 10px;
          }
          .top_name{
            height:60px;
            font-size:24px;
            font-family:PingFangSC-Medium;
            font-weight:500;
            color:rgba(255,255,255,1);
            line-height:60px;
          }
          .top_name_r{
            width:76px;
            height:30px;
            border-radius:15px;
            border:1px solid rgba(255,255,255,1);
            margin-left:26px;
            align-items: center;
            justify-content: center;
            display: flex;
          }
          .top_name_r img{
            height: 16px;
            width: 16px;
          }
          .top_name_r span{
            height:22px;
            line-height: 22px;
            font-size:16px;
            font-family:PingFangSC-Regular;
            font-weight:400;
            color:rgba(255,255,255,1);
            margin-left: 3px;
          }
          .lii{
            height:22px;
            font-size:16px;
            font-family:PingFangSC-Regular;
            font-weight:400;
            color:rgba(255,255,255,1);
            line-height:22px;
            margin-right: 24px;
          }
          .top_login{
            margin-left: 36px;
            display: flex;
            align-items: center;
          }
          .top_login img{
            width: 28px;
            height: 28px;
          }
          .top_login span{
            height:22px;
            font-size:16px;
            font-family:PingFangSC-Regular;
            font-weight:400;
            color:rgba(255,255,255,1);
            line-height:22px;
            margin-left: 8px;
          }
          .top_marginR{
            margin-right: 16px;
          }
          /*头部*/

          /*footer1样式*/
          .footer{
            width:100%;
            height:130px;
            background:rgba(31,31,31,1);
            display: flex;
            align-items: center;
          }
          .footer_in{
            width: 1210px;
            margin: 0 auto;
            height:18px;
            font-size:13px;
            font-family:PingFangSC-Regular;
            font-weight:400;
            color:rgba(153,153,153,1);
            line-height:18px;
          }
          /*footer1样式*/
         .bar{
         	width:1200px;
         	height:57px;
         	align-items:center;
         	margin: 0 auto;
         	font-size:12px;
         	color:#999999;
         }
         .right_arrow{
         	width:14px;
         	height:14px;
         	margin-left:6px;
         	margin-right:6px;
         }
         .box{
         	width:1200px;
         	margin: 0 auto;
         	margin-bottom:30px;
         }
         .left{
        	width:150px;
         	background:#FFFFFF;
			box-shadow:0px 4px 10px 0px rgba(0,0,0,0.04);
			border-radius:4px;
			margin-right:20px;
			 height: 520px;
         }
         .right{
         	width:1030px;
         	/*height:616px;*/
         	background:#FFFFFF;
			box-shadow:0px 4px 10px 0px rgba(0,0,0,0.04);
			border-radius:4px;
         }
         .avatar,.avatar img{
			width:80px;
			height:80px;
			border-radius:50%;
		}
		.avatar{
			margin:20px auto 10px;
		}
		.avatar img{
			object-fit: cover;
		}
		.phone{
			text-align:center;
			font-size:14px;
			color:#333;
			margin-bottom:20px;
		}
		.title{
			font-size:14px;
			color:#333;
			height:40px;
			line-height:40px;
      text-align: left;
      width: 58px;
      padding: 0 46px;
		}
		.hover:hover{
			text-decoration:underline;
			cursor:hand;
			cursor:pointer;
		}
		.blue{
			font-size:14px;
			color:#FFFFFF;
			height:40px;
			line-height:40px;
      text-align: left;
      width: 58px;
      padding: 0 46px;
			background-color:#3463E6;
		}
		.right_tit{
			height:60px;
			line-height:60px;
			padding-left:21px;
			font-size:15px;
			color:#333333;
			border-bottom:1px solid #EDEDED;
		}
		.active{
			color:#3463E6;
			border-bottom:2px solid #3463E6;
			border-radius:2px;
		}
		.right1{
			height:616px;
			position:relative;
		}
		.avatar1,.avatar1 img{
			width:120px;
			height:120px;
			border-radius:50%;
		}
		.avatar1{
			position:relative;
			margin:60px auto 60px;
		}
		.avatar1 img{
			object-fit: cover;
		}
		.mengban{
			position:absolute;
			top:0;
			left:0;
			width:120px;
			height:120px;
			text-align:center;
			line-height:120px;
			border-radius:50%;
			background:rgba(0,0,0,0);
			font-size:14px;
			color:#FFFFFF;
			opacity:0;
		}
		.mengban:hover{
			background:rgba(0,0,0,0.4);
			opacity:1;
		}
		.right1_top{
			width:1030px;
			height:397px;
			background: url(__IMG__/hy_bg.png) no-repeat center center;
    		background-size: 1030px 397px;
		}
		.tit{
			font-size:24px;
			font-family:PingFangSC-Medium;
			font-weight:500;
			color:rgba(255,255,255,1);
			line-height:33px;
			text-align:center;
			padding-top:70px;
		}
		.tips{
			font-size:20px;
			font-family:PingFangSC-Medium;
			font-weight:500;
			color:rgba(243,215,141,1);
			line-height:26px;
			text-align:center;
			padding-top:12px;
			padding-bottom:39px;
		}
		.btn{
			width:208px;
			height:48px;
			background:linear-gradient(90deg,rgba(248,215,129,1) 0%,rgba(236,197,94,1) 100%);
			border-radius:24px;
			margin:0 auto;
			font-size:18px;
			font-family:PingFangSC-Medium;
			font-weight:500;
			color:rgba(52,29,6,1);
			line-height:48px;
			text-align:center;
		}
		.four{
			width:1030px;
			height:206px;
			position:absolute;
			left:0;
			bottom:140px;
		}
		.four_inner{
			width:774px;
			height:206px;
			margin:0 auto;
		}
		.one{
			width:177px;
			height:206px;
			background:rgba(255,255,255,1);
			box-shadow:0px 8px 24px 0px rgba(0,0,0,0.08);
			border-radius:4px;
		}
		.one:nth-child(4n+2){
			margin-left:22px;
			margin-right:22px;
		}
		.one:nth-child(4n+3){
			margin-right:22px;
		}
		.one_tit{
			font-size:20px;
			font-family:PingFangSC-Medium;
			font-weight:500;
			color:rgba(51,51,51,1);
			line-height:28px;
			text-align:center;
			padding-top:32px;
			padding-bottom:37px;
		}
		.oneimg{
			margin:0 auto;
			width:62px;
			height:62px;
		}
		.one_img{
			width:62px;
			height:62px;		
		}
		  /*列表的样式在这里*/
		  .con_li{
			  height: 184px;
			  /*width: 100%;*/
			  display: flex;
			  align-items: center;
			  padding-top:33px;
			  padding-bottom:30px;
			  border-bottom:1px solid #EDEDED;
		  }
		  .con_li > img{
			  width: 245px;
			  height: 100%;
		  }
		  .con_li > span{
			  height:32px;
			  font-size:26px;
			  font-family:Helvetica-Bold;
			  font-weight:bold;
			  color:rgba(231,99,76,1);
		  }
		  .con_li_word{
			  height: 100%;
			  margin-left: 20px;
		  }
		  .con_li_top{
			  height:24px;
			  font-size:22px;
			  font-family:PingFangSC-Medium;
			  font-weight:500;
			  color:rgba(51,51,51,1);
			  line-height:24px;
			  margin-bottom: 20px;
			  align-items: center;
		  }
		  .con_li_ion{
			  height:20px;
			  font-size:14px;
			  font-family:PingFangSC-Regular;
			  font-weight:400;
			  color:rgba(102,102,102,1);
			  line-height:20px;
			  margin-bottom: 10px;
			  display: flex;
			  align-items: center;
		  }
		  .con_li_ion_marginb{
			  margin-bottom: 16px;
		  }
		  .con_li_ion > img{
			  width: 16px;
			  height: 16px;
			  margin-right: 10px;
		  }
		  .con_li_label{
			  height: 30px;
			  margin-top: 24px;
		  }
		  .con_li_labels{
			  min-width: 60px;
			  height:30px;
			  background:rgba(230,237,255,1);
			  border-radius:4px;
			  margin-right: 10px;
			  font-size:13px;
			  font-family:PingFangSC-Regular;
			  font-weight:400;
			  color:rgba(53,86,179,1);
			  line-height: 30px;
			  text-align: center;
			  padding: 0 10px;
		  }
		  .listt{
			  padding:0px 40px 0px 40px;
		  }
		  .btn1{
			  width:80px;
			  height:32px;
			  border-radius:4px;
			  border:1px solid rgba(52,99,230,1);
			  font-size:14px;
			  font-family:PingFangSC-Regular;
			  font-weight:400;
			  color:rgba(52,99,230,1);
			  line-height:32px;
			  text-align:center;
		  }
		  .btn2{
			  margin-top:5px;
			  float:right;
		  }
		  .price{
			  font-size:14px;
			  color:#E7634C;
			  padding-top:63px;
			  /*padding-bottom:20px;*/
			  text-align:right;
			  clear:both;
		  }
		  .red{
			  font-size:26px;
			  font-weight:bold;
		  }
		  .aui-ellipsis-1 {
			  display: -webkit-box;
			  overflow: hidden;
			  text-overflow: ellipsis;
			  word-wrap: break-word;
			  word-break: break-all;
			  white-space: normal !important;
			  -webkit-line-clamp: 1;
			  -webkit-box-orient: vertical;
		  }
		  /*列表的样式在这里*/
      </style>
  <body>
    
	<div class="bar flex-wrap">
		置家优选 <img src="__IMG__/right_arrow.png" class="right_arrow" />个人中心
	</div>
	<div class="box flex-wrap">
        {include file="public/body"}
		<div class="flex-con right">
			<div class="right1">
				<div class="right1_top">
					<div class="tit">您现在是普通会员</div>
					<div class="tips">购买会员每天即可获得置顶包及刷新包！助力成交每一天！</div>
					<div class="btn" onclick="location.href='{:url('home/User/vip_top')}'">立即升级</div>
					<div class="four">
						<div class="four_inner flex-wrap">
							<div class="one">
								<div class="one_tit">省时省力</div>
								<div class="oneimg"><img src="__IMG__/hy1.png" class="one_img" /></div>		
							</div>
							<div class="one">
								<div class="one_tit">快速推广</div>
								<div class="oneimg"><img src="__IMG__/hy2.png" class="one_img" /></div>		
							</div>
							<div class="one">
								<div class="one_tit">专业房产服务</div>
								<div class="oneimg"><img src="__IMG__/hy3.png" class="one_img" /></div>		
							</div>
							<div class="one">
								<div class="one_tit">全渠道网络推送</div>
								<div class="oneimg"><img src="__IMG__/hy4.png" class="one_img" /></div>		
							</div>
						</div>
					</div>
				</div>

			</div><!--11-->
	<div class="listt">
		{volist name='data' id='d'}
		<div class="con_li">
			<img src="{$d.h_img}" alt="">
			<div class="con_li_word flex-con">
				<div class="con_li_top flex-wrap">
					<div class="flex-con aui-ellipsis-1">{$d.h_title}</div>
					<div class="btn1" {if $d.canfresh == 1} style="cursor: pointer;" onclick="userbag({$d.h_id},2);" {/if}>
					{if $d.canfresh == 1}
					立即刷新
					{else /}
					已刷新
					{/if}
				</div>
			</div>
			<div class="flex-wrap">
				<div class="flex-con">
					<div class="con_li_ion">
						<img src="__IMG__/ion2.png" alt="">
						<span>{$d.district}/{$d.h_xiaoqu}</span>
					</div>
					<div class="con_li_ion con_li_ion_marginb">
						<img src="__IMG__/home.png" alt="">
						<span>{$d.h_shis}室{$d.h_tings}厅</span>
					</div>
					<div class="con_li_ion">
						<img src="__IMG__/area.png" alt="">
						<span>{$d.h_mianji}m² </span>
					</div>
					<div class="con_li_label flex-wrap">
						<?php $d['h_sign'] = explode(',',trim($d['h_sign'],',')); ?>
						{volist name="$d['h_sign']" id='h'}
						<div class="con_li_labels">
							{$types[$h]}
						</div>
						{/volist}
					</div>
				</div>
				<div>
					<div class="btn1 btn2" {if $d.cantop == 1} style="cursor: pointer;" onclick="userbag({$d.h_id},1);" {/if}>
					{if $d.cantop == 1}
					立即置顶
					{else /}
					已置顶
					{/if}
				</div>
				<div class="price">
					{if $d.h_type == 1}
					<span class="red">{$d.h_price}</span>元/月
					{else /}
					<span class="red">{$d.h_price}</span>万/月
					{/if}
				</div>
			</div>
		</div>
	</div>
	</div>
	{/volist}
	<ul class="pagination flex-con" style="display: flex;justify-content: flex-end;">
		{$data->render()}
	</ul>
	</div>
	<!--11-->
		</div>
	</div>

    {include file="public/foot1"}
  </body>
  </html>
<script src="/static/admin/js/jquery.min.js"></script>
<script type="text/javascript">
    function userbag(hid,type) {
        $.ajax({
            url: '/home/User/useBagInHome',
            data: {'h_id':hid,'type':type},
            type: 'POST',
            dataType: 'JSON',
            success: function (returnData) {
                alert(returnData.msg);
                if(returnData.status == 200){
                    location.reload();
                }
            },
            error: function () {
                alert('ajax error，请刷新重试');
            }
        })
    }
</script>